import Vue from 'vue'
import Vuex from 'vuex'
// 1引入持久化插件
import vuexPersistedstate from "vuex-persistedstate";

Vue.use(Vuex)
//创建Vuex对象
export default new Vuex.Store({
  //存储一些数据（状态）
  state: {
    username:"无名氏",
    age:"18",
  },
  //类似于计算属性，在getters中将state中数据通过计算后,给别人使用
  getters: {
  },
  //其中定义一些方法，可以修改state中存储的数据
  mutations: {
    updateName(state,v){
      state.username =v
    }
  },
  //异步的mutations
  actions: {
  },
  //模块，根据vuex中存储的数据分类，将vuex分成几个模块
  modules: {
  },
  plugins:[vuexPersistedstate()] // 2加入插件
})
